✅Fix right gap in Scrapbox Dialog

Fix right gap in Scrapbox Dialog

after:

https://gyazo.com/36c9901f53277a1f2fabebe03d133b52

before:

https://gyazo.com/c521e80e41d01b51bdb5a7c4def5a3b2

movie:

https://gyazo.com/24c0120e89e939636c820c8a9b2fd128

Before, we had to name the content in the items of flex by class name and apply CSS to control the size.

In the after, the class name is added to the items themselves.

Instead of setting a fixed size with width, let it be adjusted with flex.

The div in the input field is filled with a fixed value of basis, and then grow is used to fill the available space.

The input field inside matches the size of the div outside.

code:css

div.input-icon {

flex-basis: 120px;

flex-grow: 1;

}

div.input-icon > div {

width: 100%;

}

The page title needs to be longer if possible, and the project name does not need to be much longer, this is expressed by the different values of grow

There may be a better way to go about this.

---